@media only screen and (max-width: 2460px), only screen and (max-device-width: 2460px) {
  html, body {
    font-size: 1rem
  }

  #header {
    display: none !important
  }
}

@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
  html, body {
    font-size: 1rem
  }

  #side {
    display: none !important
  }

  #header {
    display: -webkit-box !important
    display: -moz-box !important
    display: -ms-flexbox !important
    display: -webkit-flex !important
    display: flex !important
  }

  #container {
    padding: 0.2rem

    .main {
      margin-top: 3.5rem !important
      padding: 0rem !important
    }

    .posts {
      .item {
        .bg {
          height: 17rem !important
        }

        .describe {
          .meta {
            .l {
              .warp {
                .desp {
                  display: none !important
                }
              }
            }
          }
        }
      }
    }
  }

  #search-shade {
    .input-wrap {
      width: 90% !important
    }

    .search-result {
      width: 90% !important
    }
  }
}